Presenting panels and sub-panels of a document

ABSTRACT

Systems, methods, and media for presenting panel-based electronic documents are provided. In accordance with some embodiments, systems for presenting panel-based electronic documents are provided, the systems comprising: at least one processor programmed to: receive an electronic document, a definition of a first panel on a page in the electronic document, and a definition of a second panel on the page in the electronic document; control a display of the first panel based on the definition of the first panel; and transition from the display of the first panel to a display of the second panel by re-scaling the display and panning from the first panel to the second panel.

CROSS REFERENCE TO RELATED APPLICATION

This application claims the benefit of U.S. Provisional PatentApplication No. 61/216,383, filed May 14, 2009, which is herebyincorporated by reference herein in its entirety.

TECHNICAL FIELD

The disclosed subject matter relates to systems, methods, and media forpresenting panel-based electronic documents.

BACKGROUND

With the continued proliferation of portable electronic devices, thereis a continued growth in the demand for mechanisms to view electronicdocuments, such as books, newspapers, magazines, comic books, etc.

Certain forms of electronic documents, such as comic books, includecontent in a layout that has multiple panels of content for each page.For example, with comic books, a top-left-most panel on a page mayrepresent a first panel for the page, and the bottom-right-most panel ofthe page may represent a last panel for the page. By viewing and readingthese panels from the top-left toward the bottom-right, a reader canobserve a time-sequence of events in the comic books story line.

Current electronic document reading mechanisms do not adequatelyfacilitate reading of such panel-based electronic documents, andtherefore new mechanisms for presenting such electronic documents aredesirable.

SUMMARY

Systems, methods, and media for presenting panel-based electronicdocuments are provided. In accordance with some embodiments, systems forpresenting panel-based electronic documents are provided, the systemscomprising: at least one processor programmed to: receive an electronicdocument, a definition of a first panel on a page in the electronicdocument, and a definition of a second panel on the page in theelectronic document; control a display of the first panel based on thedefinition of the first panel; and transition from the display of thefirst panel to a display of the second panel by re-scaling the displayand panning from the first panel to the second panel.

In accordance with some embodiments, methods for presenting panel-basedelectronic documents are, provided, the methods comprising: receiving anelectronic document, a definition of a first panel on a page in theelectronic document, and a definition of a second panel on the page inthe electronic document; controlling a display of the first panel basedon the definition of the first panel; and transitioning from the displayof the first panel to a display of the second panel by re-scaling thedisplay and panning from the first panel to the second panel.

In accordance with some embodiments, computer-readable media containingcomputer-executable instructions that, when executed by a processor,cause the processor to perform a method for presenting panel basedelectronic documents, the method comprising: receiving an electronicdocument, a definition of a first panel on a page in the electronicdocument, and a definition of a second panel on the page in theelectronic document; controlling a display of the first panel based onthe definition of the first panel; and transitioning from the display ofthe first panel to a display of the second panel by re-scaling thedisplay and panning from the first panel to the second panel.

BRIEF DESCRIPTION OF THE DRAWINGS

FIG. 1 is a diagram of hardware that can be used in some embodiments.

FIG. 2 is a diagram of a process for creating a definition file inaccordance with some embodiments.

FIG. 3 is a diagram of an example of a definition file in accordancewith some embodiments.

FIG. 4 is a diagram of an example of a title selection interface inaccordance with some embodiments.

FIG. 5 is a diagram of another example of a title selection interface inaccordance with some embodiments.

FIG. 6 is a diagram of an example of an introductory display inaccordance with some embodiments.

FIG. 7 is a diagram of an example of a multi-panel display in accordancewith some embodiments.

FIG. 8 is a diagram of an example of a panel with masking displayed inaccordance with some embodiments.

FIG. 9 is a diagram of a process for rotating an image in response to adevice rotating in accordance with some embodiments.

FIG. 10 is a diagram of an example of an inter-panel transition inaccordance with some embodiments.

FIG. 11 is a diagram of another example of an inter-panel transition inaccordance with some embodiments.

FIG. 12 is a diagram of yet another example of an inter-panel transitionin accordance with some embodiments.

FIG. 13 is a diagram of a process for transitioning between panels inaccordance with some embodiments.

FIG. 14 is a diagram of an example of a panel and two sub-panels inaccordance with some embodiments.

DETAILED DESCRIPTION

In accordance with various embodiments, mechanisms for presentingpanel-based electronic documents are provided. These mechanisms can beused in a variety of applications such as to allow for viewing andreading panel-based documents, such as comic books, on portableelectronic devices, such as mobile phones, portable media players,e-readers, tablet computing devices, laptop computers, non-portabledevices and computers, etc.

Turning to FIG. 1, an example of hardware 100 that can be used in someembodiments is illustrated. As shown, hardware 100 includes contentcreator computers 102, document processors 104, storage 106, a server108, a communication network 110, reading devices 112, 114, and 116(such as a laptop computer 112, a tablet computing device 114, and ahandheld device 116), online retailer 118, and a brick and mortarretailer 120.

In some embodiments, a panel-based electronic document may first becreated by content creators on content creator computers 102 or createdon paper and then transferred to content creator computers 102 (e.g., byscanning the document). These documents may be provided on computers 102in any suitable format, such as ADOBE PORTABLE DOCUMENT FORMAT (PDF),bitmap, JPEG, etc.

The document can then be transferred to a document processor 104directly or via network 110. Any suitable protocol for transferring thedocument can be used in some embodiments. For example, the document canbe transferred using the TCP/IP protocol.

At the document processor 104, the document can be processed to definevarious parts of the document as described further below in accordancewith some embodiments. This can result in a definition file, such as anXML file, for the document being created in accordance with someembodiments.

The electronic document and/or the definition file can then be stored instorage 106 in some embodiments. Any suitable mechanism for storing theelectronic document and/or the definition file can be used. For example,the electronic document and/or definition file can be stored in database(such as database hardware and/or software), a mass storage device (suchas a disk drive, an optical drive, magnetic media, memory, etc.), etc.

Server 108 can then access the electronic document and/or definitionfile and make them accessible to users using reading devices 112, 114,and/or 116 via communication network 110. Users can access theelectronic documents and/or the definition file as described below inaccordance with some embodiments.

Any suitable server 108 can be used in some embodiments. For example,server 108 can be an Internet server that can communicate with thereading devices and/or storage 106.

Any suitable network and/or combination of networks may be used asnetwork 110 in some embodiments. For example, network 110 may includethe Internet, a wired network, a wireless network, a local area network,a wide area network, a telephone network, a cable network, a satellitenetwork, a fiber optic network, etc. In some embodiments, network 110can include any suitable equipment such as routers, firewalls, servers,proxy servers, gateways, etc.

Reading devices 112, 114, and 116 can be any suitable devices such as alaptop computer 112, a tablet computing device 114, and a handhelddevice 116, mobile phones, portable media players, e-readers, tabletcomputing devices, laptop computers, non-portable devices and computers,etc.

As described below, in some embodiments, a user can use a reading device112, 114, or 116 to purchase a paper copy of an electronic document. Forexample, a user can use the reading device to purchase a paper copy ofan electronic comic book. This purchase can be facilitated in someembodiments via online retailer 118 and/or brick and mortar retailer120. Any suitable equipment, such as a Web server can be located at theretailer 118 and/or 120.

Any suitable components in hardware 100, such as content creatorcomputers 102, document processors 104, storage 106, server 108, readingdevices 112, 114, and 116, online retailer 118, and a brick and mortarretailer 120, can be implemented in one or more general purpose devicessuch as a computer or a special purpose device such as a client, aserver, etc. Any of these general or special purpose devices can includeany suitable components such as a processor (which can be amicroprocessor, digital signal processor, a controller, etc.), memory,communication interfaces, display controllers, input devices, etc., andcan be configured to operate in response to software instructionsconsistent with the functionality described herein.

As mentioned above, in some embodiments, document processor 104 can beused to create a definition file for an electronic document. An exampleof a process 200 for creating a definition file that can be used in someembodiments is illustrated in FIG. 2. An example of a definition file300, in XML format, that can be used in some embodiments is shown inFIG. 3.

As can be seen from FIG. 2, after process 200 begins at 202, the processcan receive an electronic document. The document can be received usingany suitable mechanism. For example, the document can be received vianetwork 110 from content creator computers 102 or directly from thecontent creator computers 102.

Next, at 204, process 200 can create book information for the definitionfile. For example, as shown in FIG. 3 at 302, the book information candefine a version, a title, and a background color for the book as wellas a cover image. Any other suitable book information can additionallyor alternatively be defined.

After defining the book information, process 200 can select the firstpage of the book at 208. The first page of the book can be selected onany suitable basis. For example, the first book can be selected as thefirst page following the front cover in a corresponding paper form ofthe electronic book.

Page information for the selected page can next be created at 210. Forexample, as shown in FIG. 3 at 304, page information can define a pagefile for the page and an index file for the page. Any other suitablepage information can additionally or alternatively be defined. The pageinformation can also include panel information corresponding to the page(as shown in 306 of FIG. 3).

Next, at 212, process 200 can select the first panel on the page. Thefirst panel on the page can be selected on any suitable basis. Forexample, the first panel can be selected as the panel in thetop-left-most position on the page.

At 214, panel information for the selected panel can next be created.For example, as shown in FIG. 3 at 306, the panel information caninclude a panel mask color, a panel origin (e.g., such as the upper,left corner of the panel), and a panel size (which can be specific inabsolute terms (e.g., in number of pixels) or in relative terms (e.g.,as a percentage of a page), for example). Any other suitable panelinformation can additionally or alternatively be defined. For example,one or more sound effects for a panel can be defined. Such sound effectscould be played when the panel is displayed. As another example, avibration option could be defined for a panel so that a reading devicevibrates when a corresponding panel is displayed. As yet anotherexample, a panel could be defined so that it is to appear as beingshaking relative to a reading device when displayed.

Process 200 can next determine, at 216, whether any sub-panels are to beincluded for the panel. Subpanels can be used, in some embodiments, forexample, to enable a portion of a panel to be highlighted when the panelis displayed.

An example of subpanels 1400 is shown in FIG. 14. As illustrated inpanel 1402, the panel can have two sub-panels—e.g., each an area withinpanel 1402. As shown the panel and sub-panels can be used to show theentire panel or some sub-portion of the panel. For example, asillustrated in FIG. 14, a panel may be used to show “Olivia” using 1404.For dramatic affect, it may be desirable to highlight Olivia's faceusing 1406 or Olivia's eyes using 1408.

If it is determined at 216 that one or more sub-panels are to beincluded, the sub-panel information can be created at 218. Thissub-panel information can include any suitable information, such as theinformation described above for a panel in connection with 214.

After the sub-panel information has been created at 218, or if it isdetermined that no sub-panel information is to be included, then process200 can determine whether the selected panel is the last panel on thepage at 220. If the selected panel is determined to not be the lastpanel, then process 200 can select the next panel on the page (on anysuitable basis) at 222 and loop back to 214.

Otherwise, if the selected panel is determined to be the last panel onthe page, then, at 224, process 200 can determine whether the selectedpage is the last page in the book. If it is determined that the selectedpage is not the last page, then process 200 can select the next page (onany suitable basis) at 226 and loop back to 210.

Otherwise, if the selected page is determined to be the last page in thebook, then, at 228, process 200 can store the information. Theinformation can be stored in any suitable manner, such as by writing theinformation to an XML file (e.g., as illustrated in FIG. 3) and savingit to storage 106 of FIG. 1. Once the information has been stored,process 200 can end at 230.

The creation of a definition file for an electronic document could beperformed based on manual input or fully automatically in someembodiments. For example, the definition of a panel could includereceiving a user click on an origin for an electronic document's paneland a dragging of a rectangle around the panel. As another example, theborder of a panel could be determined by automatically detecting theedges of a panel and creating a shape around the panel and/or findingthe best fit for a rectangle around the panel.

In some embodiments, rather than have rectangular (or square) shapes asdescribed herein, panels could be defined as having any suitable shape.Such panels could be defined using vectors, using bitmaps, usingcombinations of one or more geometric shapes, etc.

Turning to FIG. 4, an example of a user interface 400 for selecting anelectronic document to be displayed in accordance with some embodimentsis shown. As illustrated, this interface may include one or more titles402 that a user can select for viewing. In some embodiments, after theuser has selected a title, the user may be prompted for paymentinformation, or pre-stored payment information may be accessed so that apayment for the title can be effected using the information.

Another example of a user interface 500 for selecting an electronicdocument to be displayed in accordance with some embodiments is shown inFIG. 5. As illustrated, the interface can include a carousel of title502 that can be quickly scrolled by user, and individual titles 504 thata user can select for purchase and/or viewing.

Once a user has selected a title for viewing (perhaps after purchasingthe title), an introductory panel 600 for the title can be displayed asillustrated in FIG. 6. Any suitable introductory panel can be displayedand such panels can (and likely will) vary greatly from title to title.

Next, in some embodiments, a multi-panel page 700 may be displayed asshown in FIG. 7. This page may present multiple panels simultaneously sothat a user can experience a similar feel to seeing a first page of apaper book when the previous page is turned. In some embodiments, amulti-panel display of a page when the first panel on the page is to bedisplayed can be disabled when desired.

As shown in display 800 of FIG. 8, when a panel 802 is to displayed(e.g., after a multi-panel page has been displayed), the displayed panelcan include masking 804 to obscure adjacent panels of the correspondingpage. This masking can be in a color specified in the definition file.For example, the masking color can be defined for a specific panel, fora page, or as a default for a book. In some embodiments, the mask can bea given level of transparency, can have a pattern, can disabled, and/orhave any other suitable characteristic. The characteristics of the maskcan be defined based on definitions of default mask characteristics atthe book, page, panel, and/or sub-panel level.

As shown in series 900 of FIG. 9, in some embodiments, when a userrotates a compatible reading device, the orientation of the display canbe adjusted to compensate. This may be desirable, for example, when apanel is best viewed in a landscape orientation and the user is holdinga reading device in a portrait orientation. Thus, for example, as shownin FIG. 9, when a user rotates a reading device counter-clock wise at902, a displayed image can automatically rotate clockwise in the deviceat 904 and scale to fit the new display orientation at 906. In someembodiments, a rotation of a panel being displayed can be performed evenwhen the reading device has not been rotated.

In some embodiments, after a user has viewed a panel, the user mayinitiate a transition to a new panel as shown, for example, by series1000 of FIG. 10. As illustrated, at 1002, the user may tap on thedisplayed panel (or take any other suitable action). Next, at 1004, thedisplay can scale to the new panel size and then begin to pan to the newpanel on the corresponding page. As the panning progresses, a remnant ofone or more adjacent panels may be visible prior to the panel beingfinally displayed as shown at 1006. Finally, after the transition iscomplete at 1008, the panel can be displayed with any specified masking,such as illustrated in connection with FIG. 8.

FIG. 11 illustrates another example of a series 1100 showing a paneltransition in accordance with some embodiments. As show, after a usertaps a panel at 1102, the panel scales to the new panel and pans towardthe right on the page to shown the new panel at 1104 and then 1106.

Yet another example of a transition between panels is shown in series1200 of FIG. 12. As can be seen, this transition is between two panelsdiagonally located with respect to each other. After a user taps on apanel at 1202, the transition scales and pans between the beginningpanel and the ending panel at 1204, 1206, and 1208. In some embodiments,the panning can occur along a line connecting the centers of thebeginning panel and the ending panel.

Turning to FIG. 13, a process 1300 for transitioning between panels inaccordance with some embodiments is shown. As illustrated, after process1300 begins at 1302, a tap, or any other user indication, is received at1304. This tap (or other user indication) can be received in anysuitable manner. For example, with a touch screen reading device, thetap can be received in response to a user touching the screen of thereading device. As another example, with a reading device that includesa mouse or other pointing device, the tap can be received in response tothe user click a button on the mouse or other pointing device.

Next, at 1306, information for the next panel to be displayed can beaccessed. This information can be accessed from any suitable source. Forexample, the information can be accessed from a definition file, such asan XML file as illustrated in FIG. 3.

The scale for the new panel can next be determined at 1308. This displayscale can be determined on any suitable basis. For example, the displayscale can be determined based on the available display area on a screen,the orientation of the screen, making sure that the full content of apanel is displayed on the screen, balancing maximizing the percentage ofthe panel displayed against minimizing the amount of masking used,having a matte or margin of a certain amount of each side around the newpanel, having a given amount of white space of one or more sides of thenew panel, etc.

After the new scaling is determined, the displayed panel can beprogressively re-sealed (e.g., by zooming to the new scale) at 1310. Anysuitable speed for re-scaling can be used in some embodiments. At 1312,process 1300 can pan to the new panel based on the centers of thepanels. Any suitable speed for panning can be use in some embodiments.In some embodiments, the re-scaling and panning in 1310 and 1312 canoccur at the same time.

As the new panel becomes fully displayed, or after the new panel becomesfully displayed, the masking can be applied to adjacent panels thatwould be displayed due to the display size at 1314. Once the masking isapplied, process 1300 can then end at 1316.

In some embodiments, the transition between some or all of thepanels/sub-panels can be implemented without requiring user input. Forexample, in some embodiments, the transition between panels can occurwithout requiring that a user tap a panel. This can be implemented, forexample, by waiting a specified and/or random amount of time beforetransition occurs.

In some embodiments, after the last panel on a page is displayed, amulti-panel view (e.g., as shown in FIG. 7) of the last panel and all ofthe panels of the page can be displayed. In this way, a user can see theentire page of panels upon completing viewing of the panels for a page.In order to display the multi-panel display of the page, a transition asdescribed above may be made from the last panel to the entire page ofpanels, wherein the page of panels is treated as a panel for thepurposes of re-scaling and panning. In some embodiments, the display ofthe multi-panel display after the last panel of a page is displayed canbe disabled.

In some embodiments, any suitable computer readable media can be usedfor storing instructions for performing the processes described herein.For example, in some embodiments, computer readable media can betransitory or non-transitory. For example, non-transitory computerreadable media can include media such as magnetic media (such as harddisks, floppy disks, etc.), optical media (such as compact discs,digital video discs, Blu-ray discs, etc.), semiconductor media (such asflash memory, electrically programmable read only memory (EPROM),electrically erasable programmable read only memory (EEPROM), etc.), anysuitable media that is not fleeting or devoid of any semblance ofpermanence during transmission, and/or any suitable tangible media. Asanother example, transitory computer readable media can include signalson networks, in wires, conductors, optical fibers, circuits, anysuitable media that is fleeting and devoid of any semblance ofpermanence during transmission, and/or any suitable intangible media.

Although the invention has been described and illustrated in theforegoing illustrative embodiments, it is understood that the presentdisclosure has been made only by way of example, and that numerouschanges in the details of implementation of the invention can be madewithout departing from the spirit and scope of the invention, which isonly limited by the claims which follow. Features of the disclosedembodiments can be combined and rearranged in various ways.

What is claimed is:
 1. A device for presenting panel-based electronicdocuments, comprising: a display; and at least one processor programmedto: receive an electronic document comprising a page having multiplepanels, the multiple panels including at least a first panel and asecond panel; present the first panel on the display; determine a firstmasking to be presented with the first panel to at least partly obscureone or more panels of the multiple panels that are adjacent to the firstpanel, the first masking comprising at least one of a color or pattern;present the first masking on the display; determine that the first panelincludes at least a sub-panel; present, on the display, a portion of thefirst panel that includes the sub-panel; present the second panel on thedisplay; determine a second masking to be presented with the secondpanel to at least partly obscure one or more other panels of themultiple panels that are adjacent to the second panel, the secondmasking comprising at least one of a color or pattern; and present thesecond masking on the display.
 2. The device of claim 1, wherein the atleast one processor is further programmed to transition, according to apanel display order, from presenting of the second panel and the secondmasking to presenting a third panel and a third masking.
 3. The deviceof claim 1, wherein the first panel is defined by a coordinate and asize.
 4. The device of claim 1, wherein the one or more panels includethe second panel, and the one or more other panels include the firstpanel.
 5. The device of claim 1, wherein: the first panel is defined byat least a height and a width; and presenting the first panel comprisespresenting the first panel on the display based, at least in part, onscaling at least one of the height or the width such that at least oneedge of the first panel reaches an edge of the display.
 6. The device ofclaim 1, wherein: the first panel is defined by a height and a width;and presenting the first panel comprises: presenting the first panel ina center of the display; and scaling at least one of the height or thewidth such that at least one edge of the first panel reaches an edge ofthe display.
 7. The device of claim 1, wherein the at least oneprocessor is further programmed to: determine an orientation of thedisplay; present the first panel at a first scale that is based, atleast in part, on the orientation; and present the second panel at asecond scale that is based, at least in part, on the orientation.
 8. Thedevice of claim 1, wherein the at least one processor is furtherprogrammed to present the first panel at a scale that is based, at leastin part, on a resolution of the display.
 9. The device of claim 1,wherein the at least one processor is further programmed to present amultimedia animation during a transition from presenting the first panelto presenting the second panel.
 10. A method for presenting panel-basedelectronic documents, comprising: receiving an electronic documentcomprising at least one page of content, the at least one page ofcontent comprising a first panel displaying first content and a secondpanel displaying second content; presenting, on a display, the firstcontent of the first panel; determining a first masking to be presentedwith the first panel to at least partly obscure one or more panelsadjacent to the first panel, the first masking comprising at least oneof a color or pattern; presenting the first masking on the display;determining that the first panel includes a sub-panel; presenting, onthe display, a portion of the first content of the first panel, theportion including the sub-panel; presenting, on the display, the secondcontent of the second panel; determining a second masking to bepresented with the second panel to at least partly obscure one or moreother panels adjacent to the second panel, the second masking comprisingat least one of a color or pattern; and presenting the second masking onthe display.
 11. The method of claim 10, wherein: the first panel isdefined by at least a height and a width; and presenting the firstcontent of the first panel comprises presenting, on the display, thecontent of the first panel based, at least in part, on scaling at leastone of the height or the width such that at least one edge of the firstpanel reaches an edge of the display.
 12. The method of claim 10,wherein: the first panel is defined by a height and a width; andpresenting the first content of the first panel comprises: presentingthe first panel in a center of the display; and scaling at least one ofthe height or the width such that at least one edge of the first panelreaches an edge of the display.
 13. The method of claim 10, furthercomprising: determining an orientation of the display; presenting thefirst content of the first panel at a first scale that is based, atleast in part, on the orientation; and presenting the second content ofthe second panel at a second scale that is based, at least in part, onthe orientation.
 14. The method of claim 10, further comprisingpresenting the first content of the first panel at a scale that isbased, at least in part, on a resolution of the display.
 15. The methodof claim 10, further comprising presenting a multimedia animation duringa transition from presenting the first content of the first panel topresenting the second content of the second panel.
 16. The method ofclaim 10, further comprising: presenting the at least one page on thedisplay, wherein the second panel is presented using a first orientationon the at least one page; and determining a second orientationassociated with the display, wherein presenting the second content ofthe second panel comprises presenting, on the display, and based atleast in part on the second orientation, the second content of thesecond panel using a third orientation for the second panel, the thirdorientation being different than the first orientation.
 17. The methodof claim 10, wherein the sub-panel comprises a first sub-panel and theportion comprises a first portion, and wherein the method furthercomprises: determining that the first panel includes a second sub-panel;and presenting, on the display, a second portion of the first content ofthe first panel, the second portion including the second sub-panel. 18.A non-transitory computer-readable medium containing computer-executableinstructions that, when executed by a processor, cause the processor toperform a method for presenting panel based electronic documents, themethod comprising: receiving an electronic document comprising at leastone page of content, the at least one page of content comprising a firstpanel displaying first content and a second panel displaying secondcontent; presenting, on a display, the first content of the first panel;determining a first masking to be presented with the first panel to atleast partly obscure one or more panels adjacent to the first panel, thefirst masking comprising at least one of a color or pattern; presentingthe first masking on the display; determining that the first panelincludes a sub-panel; presenting, on the display, a portion of the firstcontent of the first panel, the portion including the sub-panel;presenting, on the display, the second content of the second panel;determining a second masking to be presented with the second panel to atleast partly obscure one or more other panels adjacent to the secondpanel, the second masking comprising at least one of a color or pattern;and presenting the second masking on the display.
 19. The non-transitorycomputer-readable medium of claim 18, wherein the first panel is definedby a coordinate and a size.
 20. The non-transitory computer-readablemedium of claim 18, wherein: the first panel is defined by at least aheight and a width; and presenting the first content of the first panelcomprises presenting, on the display, the first content of the firstpanel based, at least in part, scaling at least one of the height or thewidth such that at least one edge of the first panel reaches an edge ofthe display.
 21. The non-transitory computer-readable medium of claim18, wherein: the first panel is defined by a height and a width; andpresenting the first content of the first panel comprises: presentingthe first panel in a center of the display; and scaling at least one ofthe height or the width such that at least one edge of the first panelreaches an edge of the display.
 22. The non-transitory computer-readablemedium of claim 18, the method further comprising: determining anorientation of the display; presenting the first content of the firstpanel at a first scale that is based, at least in part, on theorientation; and presenting the second content of the second panel at asecond scale that is based, at least in part, on the orientation. 23.The non-transitory computer-readable medium of claim 18, the methodfurther comprising presenting a multimedia animation during a transitionfrom presenting the first content of the first panel to presenting thesecond content of the second panel.